/*ESTILO mISSION*/
body {
	--color01: #007B8A;
    --color02: #DAEEF3;
    --color03: #0D475A;
    --color04: #FFED00;
    --color05: #153F90;
    --color06: #7A2182;
    --color07: #EAD9EB;
    --color08: #007B3D;
    --color09: #E4EBE3;
    --color10: #DB1736;
    --color11: #FCE4DF;
    --color12: #D13F00;
    --color13: #FEF0DE;
    --color14: #FAF9F5;
    --color15: #00564E;
    --color16: #666666;
    --color17: #bfd466;
    --color18: #4A5324;
    --color19: #0A7F58;
    --color20: #F6F8F0;
    --color21: #6c6c6c;
    --color22: #F7F7F1;

}

body.default-dark-theme {
	--ReferenceColor: #75EFFF;
	--color01: #0C2127;
    --color02: #0C2127;
    --color03: #A6DFF2;
    --color04: #FFEE00;
    --color05: #7099EB;
    --color06: #D67CDE;
    --color07: #140A15;
    --color08: #85FFC2;
    --color09: #060906;
    --color10: #E82643;
    --color11: #210803;
    --color12: #FF6D2E;
    --color13: #231401;
    --color14: #0A0905;
    --color15: #A8FFF6;
    --color16: #999999;
    --color17: #83972B;
    --color18: #D3DBAD;
    --color19: #80F5CE;
 	--color20: #0C0E07;
 	--color21: #929292;
 	--color22: #0D0D07;
}

/*TOC*/
#indice .units ul li {
    background: var(--color16);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 11px;
    margin-bottom: 8px;
    padding: 8px 16px;
}

#indice .units ul li a .title {
    font-size: var(--RefTextSize);
    font-weight: 400;
    color: var(--DynWhite);
    margin: -21px 0 0 35px;
    line-height: 18px;
    display: block;
}

#indice .units ul li.active:not(.disabled), 
body:not(.isTablet) #indice .units ul li:hover:not(.disabled), 
#indice .units ul li:focus:not(.disabled) {
    background: var(--color19);
}

#indice .units ul li.active:not(.disabled), 
#indice .units ul li:focus:not(.disabled), 
body:not(.isTablet) #indice .units ul li:hover:not(.disabled) {
    background-color: var(--color19)!important;
}
#indice .units ul li a:not(.delete) {
    display: block;
    padding: 0;
}

.btn-primary, .btn-primary.disabled {
    background-color: var(--color19);
    color: var(--DynWhite);
}

button.btn.btn-primary.disabled {
    border-radius: 11px;
    font-size: 16px;
    padding-top: 6px;
}

#indice .unit-content .actividades .item .title {
    word-wrap: break-word;
    color: var(--DynBlack);
    display: inline-block;
    font-family: var(--MainFontFamily);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    max-width: 300px;
}

#indice .unit-content .material .item .imagen.img:before {
    background-color: var(--FixedBlack);
    background-image: none!important
}

#indice .unit-content .material .item .imagen:before {
    background-color: var(--FixedBlack);
    background-image: none!important
}

/*TITLES*/
#actividad .bck-title-1 {
    color: var(--MainColor);
    font-weight: 800;
    font-size: var(--TextSizeXXXL);
    text-transform: uppercase;
}

#actividad .bck-title-2 {
    color: var(--color05);
    font-weight: 800;
}

#actividad .bck-title-3 {
    color: var(--color01);
    font-weight: 700;
    font-size: var(--TextSizeL);
    display: inline-block;
    margin-bottom: var(--slide-margin-textos);
}

#actividad .bck-title-4 {
    color: var(--DynWhite);
    background-color: var(--color08);
    font-weight: 700;
    width: fit-content;
    border-radius: 20px;
    padding: .5rem 2rem;
}

#actividad .bck-title-5 {
    color: var(--DynWhite);
    background-color: var(--color06);
    font-weight: 700;
    width: fit-content;
    border-radius: 20px;
    padding: .5rem 2rem;
}

#actividad .bck-title-6 {
    color: var(--DynWhite);
    background-color: var(--color12);
    font-weight: 700;
    width: fit-content;
    border-radius: 20px;
    padding: .5rem 2rem;
}

#actividad .bck-title-7 {
        border-radius: 0;
    color: var(--DynBlack);
    background-color: var(--color17);
    font-weight: 900;
    padding: 1.5rem 1rem;
    width: fit-content;
    font-size: var(--TextSizeXXL);
}

/*#actividad .bck-title-8 {
    background-color: transparent;
    border-radius: 0;
    color: var(--color05);
    font-weight: 800;
    padding: 0;
}*/

#actividad .bck-title-9 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--color15);
    font-weight: 800;
}

#actividad .bck-title-10 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--color05);
    font-size: var(--TextSizeL);
}

#actividad .bck-title-11 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--color15);
    font-size: var(--TextSizeL);
}

/*enfasis*/
#actividad .bck-enfasis-1 {
    color: var(--color01);
}

#actividad .bck-enfasis-2 {
    color: var(--color05);
}

#actividad .bck-enfasis-3 {
    color: var(--color06);
}

#actividad .bck-enfasis-4 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--color08);
}

#actividad .bck-enfasis-5 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--color10);
}

#actividad .bck-enfasis-6 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--color12);
}

#actividad .bck-enfasis-7 {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: var(--color15);
}

#actividad .bck-enfasis-8 {
    background-color: var(--DynWhite);
    color: var(--color06);
    border-radius: 20px;
    padding: .1rem 2rem;
}

#actividad .bck-enfasis-9 {
    background-color: var(--DynWhite);
    color: var(--color08);
    border-radius: 20px;
    padding: .1rem 2rem;
}

#actividad .bck-enfasis-10 {
    background-color: var(--DynWhite);
    color: var(--color12);
    border-radius: 20px;
    padding: .1rem 2rem;
}

#actividad .bck-enfasis-11 {
    color: var(--DynWhite);
    background-color: var(--color06);
    font-weight: 700;
    width: fit-content;
    border-radius: 0;
    padding: .2rem .8rem;
}

#actividad .bck-enfasis-12 {
    color: var(--DynWhite);
    background-color: var(--color01);
    font-weight: 700;
    width: fit-content;
    border-radius: 0;
    padding: .2rem .8rem;
}

#actividad .bck-enfasis-13 {
    color: var(--DynWhite);
    background-color: var(--color08);
    font-weight: 700;
    width: fit-content;
    border-radius: 0;
    padding: .2rem .8rem;
}

#actividad .bck-enfasis-14 {
    color: var(--DynWhite);
    background-color: var(--color10);
    font-weight: 700;
    width: fit-content;
    border-radius: 0;
    padding: .2rem .8rem;
}

#actividad .bck-enfasis-15 {
    color: var(--DynWhite);
    background-color: var(--color12);
    font-weight: 700;
    width: fit-content;
    border-radius: 0;
    padding: .2rem .8rem;
}

#actividad .bck-enfasis-16 {
    color: var(--DynWhite);
    background-color: var(--color15);
    font-weight: 700;
    width: fit-content;
    border-radius: 0;
    padding: .2rem .8rem;
}

#actividad .bck-enfasis-17 {
    color: var(--DynWhite);
    background-color: var(--color05);
    font-weight: 700;
    width: fit-content;
    border-radius: 0;
    padding: .2rem .8rem;
}

#actividad .bck-enfasis-18 {
    color: var(--DynWhite);
    background-color: var(--color01);
    font-weight: 700;
    width: fit-content;
    border-radius: 10px;
    padding: .2rem .8rem;
    font-size: var(--TextSizeS);
}

#actividad .bck-enfasis-19 {
    color: var(--DynWhite);
    background-color: var(--color08);
    font-weight: 700;
    width: fit-content;
    border-radius: 10px;
    padding: .2rem .8rem;
    font-size: var(--TextSizeS);
}

#actividad .bck-enfasis-20 {
    color: var(--DynWhite);
    background-color: var(--color10);
    font-weight: 700;
    width: fit-content;
    border-radius: 10px;
    padding: .2rem .8rem;
    font-size: var(--TextSizeS);
}

#actividad .bck-enfasis-21 {
    color: var(--DynWhite);
    background-color: var(--color12);
    font-weight: 700;
    width: fit-content;
    border-radius: 10px;
    padding: .2rem .8rem;
    font-size: var(--TextSizeS);
}

#actividad .bck-enfasis-22 {
    color: var(--DynWhite);
    background-color: var(--color15);
    font-weight: 700;
    width: fit-content;
    border-radius: 10px;
    padding: .2rem .8rem;
    font-size: var(--TextSizeS);
}

#actividad .bck-enfasis-23 {
    color: var(--DynWhite);
    background-color: var(--color06);
    font-weight: 700;
    width: fit-content;
    border-radius: 10px;
    padding: .2rem .8rem;
    font-size: var(--TextSizeS);
}

#actividad .bck-enfasis-24 {
    background-color: var(--color04);
    padding: 2rem 2rem;
    border-radius: 39px;
    font-weight: 900;
    font-size: var(--TextSizeXL);
    display: inline-block;
}

#actividad .bck-enfasis-25 {
    font-size: var(--TextSizeXS);
}

#actividad .bck-enfasis-26 {
	Color: var(--DynWhite);
    background-color: var(--color01);
    font-weight: 700;
    width: fit-content;
    border-radius: 33px;
    padding: 0.7rem 1.7rem;
    font-size: var(--TextSizeL);
}

#actividad .bck-enfasis-27 {
	Color: var(--DynWhite);
    background-color: var(--color08);
    font-weight: 700;
    width: fit-content;
    border-radius: 33px;
    padding: 0.7rem 1.7rem;
    font-size: var(--TextSizeL);
}

#actividad .bck-enfasis-28 {
	Color: var(--DynWhite);
    background-color: var(--color06);
    font-weight: 700;
    width: fit-content;
    border-radius: 33px;
    padding: 0.7rem 1.7rem;
    font-size: var(--TextSizeL);
}

#actividad .bck-enfasis-29 {
	Color: var(--DynWhite);
    background-color: var(--color12);
    font-weight: 700;
    width: fit-content;
    border-radius: 33px;
    padding: 0.7rem 1.7rem;
    font-size: var(--TextSizeL);
}

#actividad .bck-enfasis-30 {
	Color: var(--DynBlack);
    background-color: var(--color17);
    font-weight: 700;
    width: fit-content;
    border-radius: 33px;
    padding: 0.7rem 1.7rem;
    font-size: var(--TextSizeL);
}

#actividad .bck-enfasis-31 {
	Color: var(--DynWhite);
    background-color: var(--color05);
    font-weight: 700;
    width: fit-content;
    border-radius: 33px;
    padding: 0.7rem 1.7rem;
    font-size: var(--TextSizeL);
}

#actividad .bck-enfasis-32 {
	Color: var(--DynWhite);
    background-color: var(--color15);
    font-weight: 700;
    width: fit-content;
    border-radius: 33px;
    padding: 0.7rem 1.7rem;
    font-size: var(--TextSizeL);
}

#actividad .bck-enfasis-33 {
    color: var(--DynBlack);
    background-color: var(--color17);
    font-weight: 700;
    width: fit-content;
    border-radius: 0;
    padding: .2rem .8rem;
}

#actividad .bck-enfasis-34 {
    color: var(--DynWhite);
    background-color: var(--color05);
    font-weight: 700;
    width: fit-content;
    border-radius: 10px;
    padding: .2rem .8rem;
    font-size: var(--TextSizeS);
}

#actividad .bck-enfasis-35 {
    color: var(--DynWhite);
    background-color: var(--DynBlack);
    font-weight: 700;
    width: fit-content;
    border-radius: 10px;
    padding: .2rem .8rem;
    font-size: var(--TextSizeS);
}

/*box*/
#actividad .bck-box-1 {
    background-color: var(--color07);
    box-shadow: none;
    border: .2rem solid var(--color06);
    border-radius: 0;
}

#actividad .bck-box-1>.bck-title {
    display: block;
    background-color: var(--color06);
    color: var(--DynWhite);
}

#actividad .bck-box-2 {
    background-color: var(--color09);
    box-shadow: none;
    border: .2rem solid var(--color08);
    border-radius: 0;
}

#actividad .bck-box-2>.bck-title {
    display: block;
    background-color: var(--color08);
    color: var(--DynWhite);
}

#actividad .bck-box-3 {
    background-color: var(--color13);
    box-shadow: none;
    border: .2rem solid var(--color12);
    border-radius: 0;
}

#actividad .bck-box-3>.bck-title {
    display: block;
    background-color: var(--color12);
    color: var(--DynWhite);
}

#actividad .bck-box-4 {
    background-color: var(--color03);
    color: var(--DynWhite);
    font-weight: 600;
}

#actividad .bck-box-4>.bck-title {
    background-color: var(--color04);
    border-radius: 20px;
    color: var(--DynBlack);
    left: 0;
    margin: 0 auto -2rem;
    position: relative;
    right: 0;
    text-align: center;
    top: -2rem;
    width: 80%;
}

#actividad .bck-box-4>.bck-title p {
    font-size: var(--TextSizeL) !important;
}

#actividad .bck-box-5 {
    background-color: var(--color11);
    border-radius: 0;
    border: 2px solid var(--color10);
}

#actividad .bck-box-5>.bck-title {
    background-color: var(--color10);
    border-radius: 20px;
    color: var(--TextOnSecColor1);
    left: 0;
    margin: 0 auto -2rem;
    position: relative;
    right: 0;
    text-align: center;
    top: -3rem;
    width: fit-content;
    padding: .1rem .8rem;
}
#actividad .bck-box-5>.bck-title p {
	font-size: var(--TextSizeXXXL) !important;
}

#actividad .bck-box-6 {
    background-color: var(--color13);
    border-radius: 0;
    border: 2px solid var(--color12);
}

#actividad .bck-box-6>.bck-title {
    background-color: var(--color12);
    border-radius: 20px;
    color: var(--TextOnSecColor1);
    left: 0;
    margin: 0 auto -2rem;
    position: relative;
    right: 0;
    text-align: center;
    top: -3rem;
    width: fit-content;
    padding: .1rem .8rem;
}

#actividad .bck-box-6>.bck-title p {
	font-size: var(--TextSizeXXXL) !important;
}

#actividad .bck-box-8 {
    background-color: var(--DynWhite);
    box-shadow: none;
    border: .2rem solid var(--color06);
    border-radius: 0;
}

#actividad .bck-box-7 {
    background-color: var(--color22);
    border-radius: 0;
    border: none;
    box-shadow: 0 0 .8rem -.1rem var(--color16);
}

#actividad .bck-box-7>.bck-title {
    background-color: var(--color04);
    border-radius: 20px;
    color: var(--DynBlack);
    left: -25px;
    margin: 0 auto -2rem;
    position: relative;
    right: 0px;
    text-align: center;
    top: -3rem;
    width: 103%;
    padding: .1rem .8rem;
}

#actividad .bck-box-7>.bck-title p {
    font-size: var(--TextSizeXXXL) !important;
}

#actividad .bck-box-8>.bck-title {
    display: block;
    background-color: var(--color06);
    color: var(--DynWhite);
}

#actividad .bck-box-9 {
    background-color: var(--DynWhite);
    box-shadow: none;
    border: .2rem solid var(--color08);
    border-radius: 0;
}

#actividad .bck-box-9>.bck-title {
    display: block;
    background-color: var(--color08);
    color: var(--DynWhite);
}

#actividad .bck-box-10 {
    background-color: var(--DynWhite);
    box-shadow: none;
    border: .2rem solid var(--color12);
    border-radius: 0;
}

#actividad .bck-box-10>.bck-title {
    display: block;
    background-color: var(--color12);
    color: var(--DynWhite);
}


#actividad .bck-box-11 {
    overflow: hidden;
    box-shadow: 5px 5px 0px 0px var(--color18);
    border-radius: 0;
}

#actividad .bck-box-11>.bck-title {
    background-color: var(--color17);
    color: var(--DynBlack);
}

#actividad .bck-box-11>.bck-title p {
	font-weight: 900;
	font-size: var(--TextSizeXL) !important;
}

#actividad .bck-box-11>.bck-content {
    background-color: var(--color14);
}

#actividad .bck-box-12 {
    border: none;
    box-shadow: 0 0 .8rem -.1rem var(--color16);
    border-radius: 0;
}

#actividad .bck-box-13 {
    border: none;
    background-color: var(--color14);
    box-shadow: 0 0 .8rem -.1rem var(--color16);
    border-radius: 0;
}

#actividad .bck-box-16 {
    border: none;
    background-color: var(--color14);
    box-shadow: 0 0 .8rem -.1rem var(--color16);
    border-radius: 10px;
}

#actividad .bck-box-16>.bck-title {
    padding: 1rem 2rem 1rem;
    background-color: var(--color21);
    border-radius: 10px 10px 0 0;
}

#actividad .bck-box-17 {
    border: none;
    background-color: var(--color02);
    box-shadow: 0 0 .8rem -.1rem var(--color16);
    border-radius: 0;
}

/*LISTAS*/
#actividad .bck-ol-1>li::marker {
    color: var(--color01);
}

#actividad .bck-ol-2>li::marker {
    color: var(--color08);
}

#actividad .bck-ol-3>li::marker {
    color: var(--color05);
}

#actividad .bck-ol-4>li:before, 
#actividad .bck-ol-5>li:before, 
#actividad .bck-ol-6>li:before {
    align-items: center;
    border-radius: 21px;
    color: var(--TextOnMainColor);
    display: inline-flex;
    font-weight: 700;
    height: calc(var(--RefTextSize)*var(--LiLineHeight));
    justify-content: center;
    padding: 1rem;
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
}

#actividad .bck-ol-4>li:before {
background-color: var(--color01);
top: -.2rem;
}

#actividad .bck-ol-5>li:before {
background-color: var(--color05);
top: -.2rem;
}

#actividad .bck-ol-6>li:before {
background-color: var(--color06);
top: -.2rem;
}

#actividad .bck-ol-4>li, 
#actividad .bck-ol-5>li, 
#actividad .bck-ol-6>li,
#actividad .bck-ol-8>li, 
#actividad .bck-ol-9>li {
    counter-increment: bck-li-counter;
    position: relative;
}


#actividad .content .cke_contents .bck-ol-8,
#actividad .content .texto_curso .bck-ol-8,
#actividad .content .workspace ul li .bck-ol-8,
 #actividad .content .cke_contents .bck-ol-9,
#actividad .content .texto_curso .bck-ol-9,
#actividad .content .workspace ul li .bck-ol-9 {
    list-style-type: none;
    counter-reset: bck-li-counter;
    padding-left: 0rem
}

#actividad .content .cke_contents .bck-ol-8 li,
#actividad .content .texto_curso .bck-ol-8 li,
#actividad .content .workspace ul li .bck-ol-8 li,
#actividad .popover-content .bck-ol-8 li,
#actividad .content .cke_contents .bck-ol-9 li,
#actividad .content .texto_curso .bck-ol-9 li,
#actividad .content .workspace ul li .bck-ol-9 li,
#actividad .popover-content .bck-ol-9 li {
    padding-inline-start: 5.1rem;
    counter-increment: bck-li-counter;
    line-height: var(--MainLineHeight) !important;
    list-style-position: inside;
    margin-bottom: var(--slide-margin-listas);
}

#actividad .content .cke_contents .bck-ol-8 li:before,
#actividad .content .texto_curso ol.bck-ol-8 li:before,
#actividad .content .workspace ul li ol.bck-ol-8 li:before,
#actividad .popover-content ol.bck-ol-8 li:before,
#actividad .content .cke_contents .bck-ol-9 li:before,
#actividad .content .texto_curso ol.bck-ol-9 li:before,
#actividad .content .workspace ul li ol.bck-ol-9 li:before,
#actividad .popover-content ol.bck-ol-9 li:before {
    content: counter(bck-li-counter) "";
    font-weight: 700;
    text-align: right;
    text-align: center;
    align-items: center;
    border-radius: 21px;
    color: var(--DynWhite);
    display: inline-flex;
    font-weight: 700;
    height: calc(var(--RefTextSize) * var(--LiLineHeight));
    justify-content: center;
    padding: 1rem;
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    left: 0;
    top: -.2rem;
}

#actividad .content .cke_contents .bck-ol-8 li:before,
#actividad .content .texto_curso ol.bck-ol-8 li:before,
#actividad .content .workspace ul li ol.bck-ol-8 li:before,
#actividad .popover-content ol.bck-ol-8 li:before {
background-color: var(--color08);
}

#actividad .content .cke_contents .bck-ol-9 li:before,
#actividad .content .texto_curso ol.bck-ol-9 li:before,
#actividad .content .workspace ul li ol.bck-ol-9 li:before,
#actividad .popover-content ol.bck-ol-9 li:before {
background-color: var(--color12);
top: -.2rem;
}


#actividad .content .cke_contents .bck-ol-10 li, 
#actividad .content .texto_curso .bck-ol-10 li, 
#actividad .content .workspace ul li .bck-ol-10 li, 
#actividad .popover-content .bck-ol-10 li {
    font-weight: 500;
    list-style-type: upper-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-10 li::marker {
    color: var(--color01);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-11 li, 
#actividad .content .texto_curso .bck-ol-11 li, 
#actividad .content .workspace ul li .bck-ol-11 li, 
#actividad .popover-content .bck-ol-11 li {
    font-weight: 500;
    list-style-type: lower-alpha;-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-11 li::marker {
    color: var(--color01);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-12 li, 
#actividad .content .texto_curso .bck-ol-12 li, 
#actividad .content .workspace ul li .bck-ol-12 li, 
#actividad .popover-content .bck-ol-12 li {
    font-weight: 500;
    list-style-type: upper-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-12 li::marker {
    color: var(--color05);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-13 li, 
#actividad .content .texto_curso .bck-ol-13 li, 
#actividad .content .workspace ul li .bck-ol-13 li, 
#actividad .popover-content .bck-ol-13 li {
    font-weight: 500;
    list-style-type: lower-alpha;-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-13 li::marker {
    color: var(--color05);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-14 li, 
#actividad .content .texto_curso .bck-ol-14 li, 
#actividad .content .workspace ul li .bck-ol-14 li, 
#actividad .popover-content .bck-ol-14 li {
    font-weight: 500;
    list-style-type: upper-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-14 li::marker {
    color: var(--color06);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-15 li, 
#actividad .content .texto_curso .bck-ol-15 li, 
#actividad .content .workspace ul li .bck-ol-15 li, 
#actividad .popover-content .bck-ol-15 li {
    font-weight: 500;
    list-style-type: lower-alpha;-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-15 li::marker {
    color: var(--color06);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-16 li, 
#actividad .content .texto_curso .bck-ol-16 li, 
#actividad .content .workspace ul li .bck-ol-16 li, 
#actividad .popover-content .bck-ol-16 li {
    font-weight: 500;
    list-style-type: upper-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-16 li::marker {
    color: var(--color08);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-17 li, 
#actividad .content .texto_curso .bck-ol-17 li, 
#actividad .content .workspace ul li .bck-ol-17 li, 
#actividad .popover-content .bck-ol-17 li {
    font-weight: 500;
    list-style-type: lower-alpha;-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-17 li::marker {
    color: var(--color08);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-18 li, 
#actividad .content .texto_curso .bck-ol-18 li, 
#actividad .content .workspace ul li .bck-ol-18 li, 
#actividad .popover-content .bck-ol-18 li {
    font-weight: 500;
    list-style-type: upper-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-18 li::marker {
    color: var(--color15);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-19 li, 
#actividad .content .texto_curso .bck-ol-19 li, 
#actividad .content .workspace ul li .bck-ol-19 li, 
#actividad .popover-content .bck-ol-19 li {
    font-weight: 500;
    list-style-type: lower-alpha;-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-19 li::marker {
    color: var(--color15);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-20 li, 
#actividad .content .texto_curso .bck-ol-20 li, 
#actividad .content .workspace ul li .bck-ol-20 li, 
#actividad .popover-content .bck-ol-20 li {
    font-weight: 500;
    list-style-type: upper-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-20 li::marker {
    color: var(--color12);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-21 li, 
#actividad .content .texto_curso .bck-ol-21 li, 
#actividad .content .workspace ul li .bck-ol-21 li, 
#actividad .popover-content .bck-ol-21 li {
    font-weight: 500;
    list-style-type: lower-alpha;-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-21 li::marker {
    color: var(--color12);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-22 li, 
#actividad .content .texto_curso .bck-ol-22 li, 
#actividad .content .workspace ul li .bck-ol-22 li, 
#actividad .popover-content .bck-ol-22 li {
    font-weight: 500;
    list-style-type: upper-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-22 li::marker {
    color: var(--color18);
    font-weight: 800;
}

#actividad .content .cke_contents .bck-ol-23 li, 
#actividad .content .texto_curso .bck-ol-23 li, 
#actividad .content .workspace ul li .bck-ol-23 li, 
#actividad .popover-content .bck-ol-23 li {
    font-weight: 500;
    list-style-type: lower-alpha;-alpha;
    margin-bottom: var(--slide-margin-textos);
    padding: 0;
}

#actividad .bck-ol-23 li::marker {
    color: var(--color18);
    font-weight: 800;
}

#actividad .bck-ol-24>li::marker {
    color: var(--color06);
}

#actividad .bck-ol-25>li::marker {
    color: var(--color10);
}
/**/

#actividad .cke_contents .bck-ul-1 li:before, 
#actividad .texto_curso .bck-ul-1 li:before {
    background-color: var(--color01);
}

#actividad .cke_contents .bck-ul-2>li:before,
#actividad .texto_curso .bck-ul-2>li:before {
	background-color: var(--color05);
}

#actividad .cke_contents .bck-ul-3>li:before,
#actividad .texto_curso .bck-ul-3>li:before {
	background-color: var(--color06);
}

#actividad .cke_contents .bck-ul-4>li:before,
#actividad .texto_curso .bck-ul-4>li:before {
	background-color: var(--color08);
}

#actividad .cke_contents .bck-ul-5>li:before,
#actividad .texto_curso .bck-ul-5>li:before {
	background-color: var(--color10);
}

#actividad .cke_contents .bck-ul-6>li:before,
#actividad .texto_curso .bck-ul-6>li:before {
	background-color: var(--color12);
}

#actividad .cke_contents .bck-ul-7>li:before,
#actividad .texto_curso .bck-ul-7>li:before {
	background-color: var(--color15);
}



#actividad .cke_contents .bck-ul-2>li:before, 
#actividad .cke_contents .bck-ul-4>li:before, 
#actividad .cke_contents .bck-ul-6>li:before, 
#actividad .texto_curso .bck-ul-2>li:before, 
#actividad .texto_curso .bck-ul-4>li:before, 
#actividad .texto_curso .bck-ul-6>li:before,
#actividad .texto_curso .bck-ul-13>li:before {
	height: .8rem;
    margin-left: -1.5rem;
    margin-top: .5em;
    width: .8rem;
    margin-top: calc(var(--LiLineHeight) * .7rem) !important;
    border-radius: 100%;
}

#actividad .cke_contents .bck-ul-8 li:before, 
#actividad .texto_curso .bck-ul-8 li:before {
    background-color: transparent;
    border: 1px solid var(--DynBlack);
    border-radius: 50%;
    color: var(--primaryColor01);
    height: .8rem;
    width: .8rem;
}

#actividad .cke_contents .bck-ul-9 li:before, 
#actividad .texto_curso .bck-ul-9 li:before {
    background-color: var(--DynBlack);
    border: 1px solid var(--DynBlack);
    border-radius: 50%;
    height: .8rem;
    width: .8rem;
}

#actividad .texto_curso .bck-ul-10 li:before {
    background: none;
    color: var(--color01);
    position: absolute;
    margin-top: -1.1rem !important;
    margin-left: -2.5rem;
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 3.5rem;
    font-weight: 400;
    font-style: normal;
}

#actividad .texto_curso .bck-ul-10 li {
	padding-left: 2rem;
}

#actividad .texto_curso .bck-ul-11 li {
	padding-left: 2rem;
	color: var(--color10);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-11 li:before, 
#actividad .texto_curso .bck-ul-11 li:before {
    background-color: transparent;
    border: 1px solid var(--color10);
    border-radius: 50%;
    color: var(--primaryColor01);
    height: .8rem;
    width: .8rem;
}

#actividad .texto_curso .bck-ul-12 li {
	padding-left: 2rem;
	color: var(--color10);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-12 li:before, 
#actividad .texto_curso .bck-ul-12 li:before {
    background-color: var(--color10);
    border: 1px solid var(--color10);
    border-radius: 50%;
    height: .8rem;
    width: .8rem;
}

#actividad .cke_contents .bck-ul-13>li:before,
#actividad .texto_curso .bck-ul-13>li:before {
	background-color: var(--color17);
	border: .1rem solid var(--color18);
}




#actividad .texto_curso .bck-ul-14 li {
	padding-left: 2rem;
	color: var(--color01);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-14 li:before, 
#actividad .texto_curso .bck-ul-14 li:before {
    background-color: transparent;
    border: 1px solid var(--color01);
    border-radius: 50%;
    color: var(--primaryColor01);
    height: .8rem;
    width: .8rem;
}

#actividad .texto_curso .bck-ul-15 li {
	padding-left: 2rem;
	color: var(--color01);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-15 li:before, 
#actividad .texto_curso .bck-ul-15 li:before {
    background-color: var(--color01);
    border: 1px solid var(--color01);
    border-radius: 50%;
    height: .8rem;
    width: .8rem;
}


#actividad .texto_curso .bck-ul-16 li {
	padding-left: 2rem;
	color: var(--color05);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-16 li:before, 
#actividad .texto_curso .bck-ul-16 li:before {
    background-color: transparent;
    border: 1px solid var(--color05);
    border-radius: 50%;
    color: var(--primaryColor01);
    height: .8rem;
    width: .8rem;
}

#actividad .texto_curso .bck-ul-17 li {
	padding-left: 2rem;
	color: var(--color05);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-17 li:before, 
#actividad .texto_curso .bck-ul-17 li:before {
    background-color: var(--color05);
    border: 1px solid var(--color05);
    border-radius: 50%;
    height: .8rem;
    width: .8rem;
}


#actividad .texto_curso .bck-ul-18 li {
	padding-left: 2rem;
	color: var(--color06);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-18 li:before, 
#actividad .texto_curso .bck-ul-18 li:before {
    background-color: transparent;
    border: 1px solid var(--color06);
    border-radius: 50%;
    color: var(--primaryColor01);
    height: .8rem;
    width: .8rem;
}

#actividad .texto_curso .bck-ul-19 li {
	padding-left: 2rem;
	color: var(--color06);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-19 li:before, 
#actividad .texto_curso .bck-ul-19 li:before {
    background-color: var(--color06);
    border: 1px solid var(--color06);
    border-radius: 50%;
    height: .8rem;
    width: .8rem6
}


#actividad .texto_curso .bck-ul-20 li {
	padding-left: 2rem;
	color: var(--color08);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-20 li:before, 
#actividad .texto_curso .bck-ul-20 li:before {
    background-color: transparent;
    border: 1px solid var(--color08);
    border-radius: 50%;
    color: var(--primaryColor01);
    height: .8rem;
    width: .8rem;
}

#actividad .texto_curso .bck-ul-21 li {
	padding-left: 2rem;
	color: var(--color08);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-21 li:before, 
#actividad .texto_curso .bck-ul-21 li:before {
    background-color: var(--color08);
    border: 1px solid var(--color08);
    border-radius: 50%;
    height: .8rem;
    width: .8rem6
}


#actividad .texto_curso .bck-ul-22 li {
	padding-left: 2rem;
	color: var(--color12);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-22 li:before, 
#actividad .texto_curso .bck-ul-22 li:before {
    background-color: transparent;
    border: 1px solid var(--color12);
    border-radius: 50%;
    color: var(--primaryColor01);
    height: .8rem;
    width: .8rem;
}

#actividad .texto_curso .bck-ul-23 li {
	padding-left: 2rem;
	color: var(--color12);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-23 li:before, 
#actividad .texto_curso .bck-ul-23 li:before {
    background-color: var(--color12);
    border: 1px solid var(--color12);
    border-radius: 50%;
    height: .8rem;
    width: .8rem6
}


#actividad .texto_curso .bck-ul-24 li {
	padding-left: 2rem;
	color: var(--color08);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-24 li:before, 
#actividad .texto_curso .bck-ul-24 li:before {
    background-color: transparent;
    border: 1px solid var(--color18);
    border-radius: 50%;
    color: var(--primaryColor01);
    height: .8rem;
    width: .8rem;
}

#actividad .texto_curso .bck-ul-25 li {
	padding-left: 2rem;
	color: var(--color18);
	font-style: italic;
}

#actividad .cke_contents .bck-ul-25 li:before, 
#actividad .texto_curso .bck-ul-25 li:before {
    background-color: var(--color18);
    border: 1px solid var(--color18);
    border-radius: 50%;
    height: .8rem;
    width: .8rem6
}
/*tablas*/
#actividad table th.bck-th-1 {
    background-color: transparent;
    color: var(--DynBlack)
}

#actividad .bck-table {
    font-size: var(--MainTextSize);
    --MainTextSize: var(--TextSizeS);
    margin-bottom: var(--slide-margin-textos)
}

#actividad .bck-table td,#actividad .bck-table th {
    padding: 1rem;
    text-align: center
}

#actividad .bck-table-1 td,
#actividad .bck-table-1 th {
    border: var(--ele-b-width) solid var(--color01)
}

#actividad .bck-table-1 th {
    background-color: var(--color01);
    color: var(--DynWhite);
    border: var(--ele-b-width) solid var(--DynWhite);
    border-bottom-color: var(--color01);
}

#actividad .bck-table-1 th.bck-th-2 {
    background-color: var(--color02);
    color: var(--TextOnLight)
}

#actividad .bck-table-2 td,
#actividad .bck-table-2 th {
    border: var(--ele-b-width) solid var(--color05)
}

#actividad .bck-table-2 th {
    background-color: var(--color05);
    color: var(--DynWhite);
    border: var(--ele-b-width) solid var(--DynWhite);
    border-bottom-color: var(--color05);
}

#actividad .bck-table-2 th.bck-th-2 {
    background-color: var(--color02);
    color: var(--TextOnLight)
}

#actividad .bck-table-3 td,
#actividad .bck-table-3 th {
    border: var(--ele-b-width) solid var(--color06)
}

#actividad .bck-table-3 th {
    background-color: var(--color06);
    color: var(--DynWhite);
    border: var(--ele-b-width) solid var(--DynWhite);
    border-bottom-color: var(--color06);
}

#actividad .bck-table-3 th.bck-th-2 {
    background-color: var(--color07);
    color: var(--TextOnLight)
}

#actividad .bck-table-4 td,
#actividad .bck-table-4 th {
    border: var(--ele-b-width) solid var(--color08)
}

#actividad .bck-table-4 th {
    background-color: var(--color08);
    color: var(--DynWhite);
    border: var(--ele-b-width) solid var(--DynWhite);
    /*border-bottom-color: var(--color08);*/
}

#actividad .bck-table-4 th.bck-th-2 {
    background-color: var(--color09);
    color: var(--TextOnLight)
}

#actividad .bck-table-4 td.bck-td-1 {
	border: var(--ele-b-width) solid var(--DynWhite);
    background-color: var(--color08);
    color: var(--DynWhite);
}

#actividad .bck-table-5 td,
#actividad .bck-table-5 th {
    border: var(--ele-b-width) solid var(--color17)
}

#actividad .bck-table-5 th {
    background-color: var(--color17);
    color: var(--FixedBlack);
    border: var(--ele-b-width) solid var(--DynWhite);
    border-bottom-color: var(--color17);
}

#actividad .bck-table-5 th.bck-th-2 {
    background-color: var(--color20);
    color: var(--FixedBlack)
}

#actividad .bck-table-6 {
    border: 0;
    border-collapse: collapse;
    border-radius: 0;
    box-shadow: 0 0 0 2px var(--color12);
    overflow: hidden;
}

#actividad .bck-table-6 td,
#actividad .bck-table-6 th {
    border: var(--ele-b-width) solid var(--color12)
}

#actividad .bck-table-6 th {
    background-color: var(--color12);
    color: var(--FixedWhite)
}

#actividad .bck-table-6 th {
    background-color: var(--color12);
    color: var(--FixedWhite);
    border: var(--ele-b-width) solid var(--DynWhite);
    border-bottom-color: var(--color12);
}

#actividad .bck-table-6 th.bck-th-2 {
    background-color: var(--color13);
    color: var(--FixedBlack)
}

#actividad .bck-table-7 {
    border: 0;
    border-collapse: collapse;
    border-radius: 0;
    box-shadow: 0 0 0 2px var(--color15);
    overflow: hidden;
}

#actividad .bck-table-7 td,
#actividad .bck-table-7 th {
    border: var(--ele-b-width) solid var(--color15)
}

#actividad .bck-table-7 th {
    background-color: var(--color15);
    color: var(--FixedWhite)
}


#actividad .bck-table-7 th {
    border: var(--ele-b-width) solid var(--DynWhite);
    border-bottom-color: var(--color15);
}

/*desplegables*/

/****/

#actividad .bck-dropdown-1 .bck-dropdown-button {
  position: relative;
  border: var(--ele-b-width) solid var(--color01);
  background-color: var(--DynWhite);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1.6rem 3.2rem;
  gap: 1rem;
  cursor: pointer;
}

  #actividad .bck-dropdown-1 .bck-dropdown-titulo {
    color: var(--color01);
    font-weight: bold;
    font-size: var(--MainTextSize);
  }
}

#actividad .bck-dropdown-1 .bck-dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: calc(var(--RefTextSize) * var(--MainLineHeight));

  > .fa {
    @include dynamicIcon(
      var(--slide-dropdown-arrow),
      contain,
      var(--color01)
    );
    position: relative;
    display: flex;
    border: 0;
    padding: 0;
    border-radius: 0;
    text-align: center;
    justify-content: center;
    align-items: center;

    &.fa-chevron-down {
      transform: rotate(180deg);
      background-color: var(--color01);
    }
    &:before {
      display: none;
    }
  }
}


#actividad .bck-dropdown-1 .bck-dropdown-content {
  max-height: none;
  border: var(--ele-b-width) solid var(--color01);
  border-top: 0;
  width: 90%;
  margin: 0 auto;
  background-color: var(--DynWhite);
  box-shadow: 0px 4px 4px 0px #00000026 inset;
  padding: 2.4rem;
  border-radius: 0 0 18px 18px;
}

#actividad .bck-dropdown-1 .bck-dropdown-icon>.fa.fa-chevron-down {
    transform: rotate(180deg);
    background-color: var(--color01);
}

/****/
#actividad .bck-dropdown-2 .bck-dropdown-button {
  position: relative;
  border: var(--ele-b-width) solid var(--color05);
  background-color: var(--DynWhite);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1.6rem 3.2rem;
  gap: 1rem;
  cursor: pointer;
}

  #actividad .bck-dropdown-2 .bck-dropdown-titulo {
    color: var(--color05);
    font-weight: bold;
    font-size: var(--MainTextSize);
  }
}

#actividad .bck-dropdown-2 .bck-dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: calc(var(--RefTextSize) * var(--MainLineHeight));

  > .fa {
    @include dynamicIcon(
      var(--slide-dropdown-arrow),
      contain,
      var(--color05)
    );
    position: relative;
    display: flex;
    border: 0;
    padding: 0;
    border-radius: 0;
    text-align: center;
    justify-content: center;
    align-items: center;

    &.fa-chevron-down {
      transform: rotate(180deg);
      background-color: var(--color05);
    }
    &:before {
      display: none;
    }
  }
}


#actividad .bck-dropdown-2 .bck-dropdown-content {
  max-height: none;
  border: var(--ele-b-width) solid var(--color05);
  border-top: 0;
  width: 90%;
  margin: 0 auto;
  background-color: var(--DynWhite);
  box-shadow: 0px 4px 4px 0px #00000026 inset;
  padding: 2.4rem;
  border-radius: 0 0 18px 18px;
}

#actividad .bck-dropdown-2 .bck-dropdown-icon>.fa.fa-chevron-down {
    transform: rotate(180deg);
    background-color: var(--color05);
}

/****/
#actividad .bck-dropdown-3 .bck-dropdown-button {
  position: relative;
  border: var(--ele-b-width) solid var(--color06);
  background-color: var(--DynWhite);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1.6rem 3.2rem;
  gap: 1rem;
  cursor: pointer;
}

  #actividad .bck-dropdown-3 .bck-dropdown-titulo {
    color: var(--color06);
    font-weight: bold;
    font-size: var(--MainTextSize);
  }
}

#actividad .bck-dropdown-3 .bck-dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: calc(var(--RefTextSize) * var(--MainLineHeight));

  > .fa {
    @include dynamicIcon(
      var(--slide-dropdown-arrow),
      contain,
      var(--color06)
    );
    position: relative;
    display: flex;
    border: 0;
    padding: 0;
    border-radius: 0;
    text-align: center;
    justify-content: center;
    align-items: center;

    &.fa-chevron-down {
      transform: rotate(180deg);
      background-color: var(--color06);
    }
    &:before {
      display: none;
    }
  }
}


#actividad .bck-dropdown-3 .bck-dropdown-content {
  max-height: none;
  border: var(--ele-b-width) solid var(--color06);
  border-top: 0;
  width: 90%;
  margin: 0 auto;
  background-color: var(--DynWhite);
  box-shadow: 0px 4px 4px 0px #00000026 inset;
  padding: 2.4rem;
  border-radius: 0 0 18px 18px;
}

#actividad .bck-dropdown-3 .bck-dropdown-icon>.fa.fa-chevron-down {
    transform: rotate(180deg);
    background-color: var(--color06);
}

/****/
#actividad .bck-dropdown-4 .bck-dropdown-button {
  position: relative;
  border: var(--ele-b-width) solid var(--color08);
  background-color: var(--DynWhite);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1.6rem 3.2rem;
  gap: 1rem;
  cursor: pointer;
}

  #actividad .bck-dropdown-4 .bck-dropdown-titulo {
    color: var(--color08);
    font-weight: bold;
    font-size: var(--MainTextSize);
  }
}

#actividad .bck-dropdown-4 .bck-dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: calc(var(--RefTextSize) * var(--MainLineHeight));

  > .fa {
    @include dynamicIcon(
      var(--slide-dropdown-arrow),
      contain,
      var(--color08)
    );
    position: relative;
    display: flex;
    border: 0;
    padding: 0;
    border-radius: 0;
    text-align: center;
    justify-content: center;
    align-items: center;

    &.fa-chevron-down {
      transform: rotate(180deg);
    }
    &:before {
      display: none;
    }
  }
}


#actividad .bck-dropdown-4 .bck-dropdown-content {
  max-height: none;
  border: var(--ele-b-width) solid var(--color08);
  border-top: 0;
  width: 90%;
  margin: 0 auto;
  background-color: var(--DynWhite);
  box-shadow: 0px 4px 4px 0px #00000026 inset;
  padding: 2.4rem;
  border-radius: 0 0 18px 18px;
}

#actividad .bck-dropdown-4 .bck-dropdown-icon>.fa.fa-chevron-down {
    transform: rotate(180deg);
    background-color: var(--color08);
}

/****/
#actividad .bck-dropdown-5 .bck-dropdown-button {
  position: relative;
  border: var(--ele-b-width) solid var(--color12);
  background-color: var(--DynWhite);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1.6rem 3.2rem;
  gap: 1rem;
  cursor: pointer;
}

  #actividad .bck-dropdown-5 .bck-dropdown-titulo {
    color: var(--color12);
    font-weight: bold;
    font-size: var(--MainTextSize);
  }
}

#actividad .bck-dropdown-5 .bck-dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: calc(var(--RefTextSize) * var(--MainLineHeight));

  > .fa {
    @include dynamicIcon(
      var(--slide-dropdown-arrow),
      contain,
      var(--color12)
    );
    position: relative;
    display: flex;
    border: 0;
    padding: 0;
    border-radius: 0;
    text-align: center;
    justify-content: center;
    align-items: center;

    &.fa-chevron-down {
      transform: rotate(180deg);
    }
    &:before {
      display: none;
    }
  }
}


#actividad .bck-dropdown-5 .bck-dropdown-content {
  max-height: none;
  border: var(--ele-b-width) solid var(--color12);
  border-top: 0;
  width: 90%;
  margin: 0 auto;
  background-color: var(--DynWhite);
  box-shadow: 0px 4px 4px 0px #00000026 inset;
  padding: 2.4rem;
  border-radius: 0 0 18px 18px;
}

#actividad .bck-dropdown-5 .bck-dropdown-icon>.fa.fa-chevron-down {
    transform: rotate(180deg);
    background-color: var(--color12);
}

/****/
#actividad .bck-dropdown-6 .bck-dropdown-button {
  position: relative;
  border: var(--ele-b-width) solid var(--color15);
  background-color: var(--DynWhite);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1.6rem 3.2rem;
  gap: 1rem;
  cursor: pointer;
}

  #actividad .bck-dropdown-6 .bck-dropdown-titulo {
    color: var(--color15);
    font-weight: bold;
    font-size: var(--MainTextSize);
  }
}

#actividad .bck-dropdown-6 .bck-dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: calc(var(--RefTextSize) * var(--MainLineHeight));

  > .fa {
    @include dynamicIcon(
      var(--slide-dropdown-arrow),
      contain,
      var(--color15)
    );
    position: relative;
    display: flex;
    border: 0;
    padding: 0;
    border-radius: 0;
    text-align: center;
    justify-content: center;
    align-items: center;

    &.fa-chevron-down {
      transform: rotate(180deg);
    }
    &:before {
      display: none;
    }
  }
}


#actividad .bck-dropdown-6 .bck-dropdown-content {
  max-height: none;
  border: var(--ele-b-width) solid var(--color12);
  border-top: 0;
  width: 90%;
  margin: 0 auto;
  background-color: var(--DynWhite);
  box-shadow: 0px 4px 4px 0px #00000026 inset;
  padding: 2.4rem;
  border-radius: 0 0 18px 18px;
}

#actividad .bck-dropdown-6 .bck-dropdown-icon>.fa.fa-chevron-down {
    transform: rotate(180deg);
    background-color: var(--color15);
}

/*iconos*/
.item-container .icon:before {
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    padding: 2rem;
}

.item-container .icon.icon-texte-lu_mission:before {
    background-image: url(/useruploads/r/a/638918388/activity_other_imported/Texte-Lu.png);
    padding: 2rem;

}

.item-container .icon.icon-texte-lu-azul_mission:before {
    background-image: url(/useruploads/r/a/641195632/activity_other_imported/Texte-Lu_azul.png);
    margin-left: 1rem;
}

.item-container .icon.icon-diana_mission:before {
    background-image: url(/useruploads/r/a/638918372/activity_other_imported/diana.png);
    vertical-align: bottom;
    padding: 3rem;
}

.item-container .icon.icon-juego_mission:before {
    background-image: url(/useruploads/r/a/638918380/activity_other_imported/Joystick.png);
    padding: 2.2rem;
}

.item-container .icon.icon-video_mission:before {
    background-image: url(/useruploads/r/a/638918384/activity_other_imported/noun-video.png);
    padding: 1.6rem;
    width: 4.1rem;
}

/*TOC LATERAL*/
#indice .units ul li.active:not(.disabled), 
#indice .units ul li:focus:not(.disabled), 
body:not(.isTablet) #indice .units ul li:hover:not(.disabled) {
    background-color: var(--color01)!important;
}

#indice .units ul li.active:not(.disabled), 
#indice .units ul li:focus:not(.disabled), 
body:not(.isTablet) #indice .units ul li:hover:not(.disabled) {
    background-color: var(--color01)!important;
}

#book-index #indice .units ul li {
    background-color: var(--color22);
    margin-bottom: 2px;
    opacity: 1;
}

#book-index #indice .units ul li a .title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

#book-index #indice .units ul li>a {
    margin: 0;
    border-radius: 0 32px 32px 0;
    padding: var(--loc-toc-padding-items);
    transition: none;
    color: var(--TextOnLight);
}

#book-index #indice .unit-content .actividades .item .title {
    font-size: 18px;
    font-weight: 500;
}



#book-index #indice .unit-content .content .title-buttons .btn {
    background: 0;
    font-size: 18px;
    color: #fff;
    padding: 0;
}

.btn-primary, .btn-primary.disabled {
    background-color: var(--color01);
    color: var(--DynWhite);
}

button.btn.btn-primary.disabled {
    border-radius: 11px;
    font-size: 16px;
    padding-top: 6px;
    font-family: var(--MainFontFamily);
}

#book-index #indice .unit-content .actividades .item .title {
    font-size: 18px;
    font-weight: 500;
    color: var(--DynWhite);
}

#indice .unit-content .actividades .item .title {
    word-wrap: break-word;
    color: var(--DynBlack);
    display: inline-block;
    font-family: var(--MainFontFamily);
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    max-width: 300px;
}

#indice .unit-content .header .title {
    color: transparent;
    float: left;
    font-size: 30px;
    font-weight: 700;
    height: 106px;
    line-height: 34px;
    margin: 20px 140px 20px 30px;
    overflow: hidden;
    z-index: 1;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

body {
    font: 400 15px 'Source Sans Pro',sans-serif;
    line-height: 21px;
    font-family: var(--MainFontFamily);
    color: #414141;
    background-color: #eee;
}