/* GENERAL */

.Didactica .textoEjercicio{
    text-align:justify;
}

.Didactica .cajadiag{
  padding:20px;
  background-color: #fff2f1;
  border: 1px solid #ff8783;
  border-radius: 10px;
}

.Didactica p.titulo{
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: #E71F23;
    padding: 5px 0 5px 20px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 25px!important;
    color: #636f6f !important;
}

/* fracciones */
.Didactica .fraccion, .Didactica .fraction {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 10px!important;
    font-size: 14px;
}

.Didactica .fraccion > span, .Didactica .fraction > span {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.Didactica .fraccion span.bar, .Didactica .fraction span.bar {
    background-color: #737373;
    height: 1px;
    width: 100%;
    margin: 1px;
    margin-bottom: 2px;
    overflow: hidden;
}

/* ENUNCIADOS PREGUNTAS */

.Didactica .setPreguntas .preguntas {
    border-radius: 15px 15px 15px 15px;
    border: 1px solid #f6bfc0;;
    background-color: transparent;
    padding: 15px;
}

.Didactica .numero {
    width: 50px;
    height: 100%;
    border-radius: 14px 0px 0px 14px;
    top: 0px;
    left: 0px;
}

.Didactica .numero:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -1px;
    bottom: -2px;
    right: 0px;
    border: 3px #e71f24 solid;
    border-radius: 14px 0px 0px 14px;
}

.Didactica .enunciado {
    margin-left: calc(10px + 45px + 10px);
    line-height: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 670px;
    position:initial;
}


.Didactica .numero span{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -12.5px;
    font-size: 20px;
    font-weight: bold;
}

.Didactica .separpreg {
    height: 100%;
    background-color: #e71f24;
    top: 0px;
    width: 4px;
    left: 43px;
    position:absolute;
}

.Didactica .separpreg:after {
    content: '';
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 4px;
    background-color: #e71f24;
    border: 1px #e71f24 solid;
}

/* TABLAS VoF */

.Didactica .tablagrande{
    border-spacing: 0px;
    border: 1px solid #858586;
    border-radius: 15px;
    border-top: 1px;
}

.Didactica .tablagrande .dtrowh .dtcell2{
    text-align:center!important;
    background-color: #F0F0F1;
    color: #464646;
    font-weight: 600;
}

.Didactica .tablagrande .dtrowh .dtcell3{
    text-align:center!important;
    background-color: #F0F0F1;
    color: #464646;
    font-weight: 600;
}
.Didactica .tablagrande .dtrowh .dtcell1{
    background-color: #F0F0F1;
    color: #464646;
}

.Didactica .tablagrande .dtcell3{
    border-right: 1px solid #707070;
    border-top: 1px solid #707070;
}
.Didactica .tablagrande .dtcell1{
    border-right: 1px solid #707070;
    border-top: 1px solid #707070;
}

.Didactica .tablagrande .dtcell2{
    border-top: 1px solid #707070;
}

.Didactica .tablagrande [class^=dtrow]:first-child [class^=dtcell1]:first-child{border-radius: 15px 0 0 0;}
.Didactica .tablagrande [class^=dtrow]:first-child [class^=dtcell2]:last-child{border-radius: 0 15px 0 0;}
.Didactica .tablagrande [class^=dtrow]:last-child [class^=dtcell1]:first-child{border-radius: 0 0 0 15px;}
.Didactica .tablagrande [class^=dtrow]:last-child [class^=dtcell2]:last-child{border-radius: 0 0 15px 0;}
.Didactica .tablagrande [class^=dtrow]:only-child [class^=dtcell1]:first-child{border-radius: 15px 0 0 15px;}
.Didactica .tablagrande [class^=dtrow]:only-child [class^=dtcell2]:last-child{border-radius: 0 15px 15px 0;}

.Didactica .tablagrande .dtrow [class^=dtcell]{
    padding: 0px 25px;
}
.Didactica .tablagrande .dtrow.first [class^=dtcell]{
    padding: 10px 25px; 
}

.Didactica .circle {
    border: 2px solid #59595B;
    border-radius: 50%;
    width:20px;
    height:20px;
    position:relative;
}
  
.Didactica .small-circle{
    border: 1px solid #59595B;
    border-radius: 50%;
    top: 25%;
    left: 25%;
    width: 8px;
    height: 8px;
    position: absolute;
}

.Didactica .opcV { 
    background-color: transparent;
    /*padding:30px;*/
}

.Didactica .opcF { 
    background-color: transparent;
    /*padding:31px;*/
}

.Didactica .selv .small-circle {
    background-color: #69b42c;
}

.Didactica .self .small-circle {
    background-color: #ea6c00;
}

.Didactica .cuadroverde{
    outline: 0px;
}

.Didactica .cuadroverde .circle{
    outline: solid 2px #268800;
}

/* TABLAS EXTRA */

.Didactica .tablagrande2 [class^=dtcell] {
    vertical-align: baseline;
}

.Didactica .tablagrande2 img{
    max-width:300px;
}

.Didactica .tablagrande2 p{
    padding: 5px 0px 5px 0px;
}

/* CAPSULA GENERICA */
:root {
    --max-width: 800px;
}
  
.divcapsula{
    margin: 30px auto;
    position:relative;width:var(--max-width);
}

.divcapsula .CapsulaGenerica{
    min-height: 1px;
    margin-bottom: 70px;
    font-family: arial;
}

.divcapsula .CapsulaGenerica .exptop { 
    position: absolute;
    top: 0px;
    /* width: var(--max-width); */
    background-repeat: no-repeat;
    height: 50px;
    background-image: none;
    background-size: cover;
    z-index: 100;
    background-color: transparent;
    border-color: transparent;
    width: calc(var(--max-width) - 16px);
    border: 1px solid;
    border-radius: 25px 25px 0px 0px;
}

.divcapsula .CapsulaGenerica .exptop p.capsula-titulo {
    padding-left: 25px;
    color: white!important;
    margin-top: 16px!important;
    font-size: 17px!important;
    font-weight: 600;
}

.divcapsula .CapsulaGenerica .logo-capsula {
    position: absolute;
    top: -6px;
    right: 3px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    width: 52px;
    height: 52px;
    z-index: 200;
    border-radius: 50%;
    background-color:transparent;
    border-color:transparent;
    border: 1px solid;
}

.divcapsula .CapsulaGenerica .expmid{
    position: relative;
    top: 10px;
    height: 100%;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid;
    border-color:transparent;
    overflow: hidden;
    background-color:transparent;
    text-align: justify;
    padding: 20px;
    padding-top: 58px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
    border-radius: 25px;
    z-index: 90;
}

/* Exploremos */

.Didactica .exploremos{
    min-height: 1px;
    margin-bottom: 70px;
}
.Didactica .exploremos .exptop{
    position:absolute;
    top:0px;
    width: var(--max-width);
    background-repeat: no-repeat; 
    height: 49px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/expmedia-top.png);
    background-size: cover;
    z-index: 100;
}
.Didactica .exploremos .expmid{
    position: relative;
    top: 20px;
    width: calc(var(--max-width) - 15px);
    box-sizing: border-box;
    border: 1px solid #addef4;
    border-radius: 25px;
    overflow: hidden;
    background-color: transparent;
    text-align: justify;
    padding: 16px;
    padding-bottom: 30px;
    padding-top: 40px;
    line-height: 24px;
    z-index: 90;
}
.Didactica .exploremos .expbot{
    position: absolute;
    bottom: -45px;
    width: calc(var(--max-width) - 15px);
    height: 64px;
    background-repeat: no-repeat;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/expmedia-botblanco.png);
    background-size: cover;
    cursor: pointer;
    z-index: 100;
}

.Didactica .exploremos .expbot.ocultar{
    z-index:90;
    top:15px;
}

.Didactica .exploremos .expbot.toggle.cerrado{
    position: relative;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/expmedia-bot-sinflecha.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index:80;
}

/* Disciplinar */

/* Disciplinar */

.Didactica .Disciplinar{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Disciplinar .exptop {
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 52px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/dismedia-top.png);
    background-size: contain;
    background-color: transparent;
}

.Didactica .Disciplinar .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #f4b181;
    border-top: none;
    overflow: hidden;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
    background-color: transparent;
}

/* Reflexionemos */

.Didactica .Reflexionemos{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Reflexionemos .exptop { 
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 50px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/reflexionemos.png);
    background-size: cover;
    background-color: transparent;
    z-index:1;
}
.Didactica .Reflexionemos .expmid{
    position: relative;
    top: 10px;
    height: 100%;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #52A998;
    overflow: hidden;
    background-color: transparent;
    text-align: justify;
    padding: 20px;
    padding-top: 58px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
    border-radius: 25px;
}

.Didactica .slidr-control.left::after{
    border-color: transparent #e71f24 transparent transparent!important;
    border-width: 12px 22px 12px 0px!important;
}

.Didactica .slidr-control.right::after{
    border-color: transparent transparent transparent #e71f24!important;
    border-width: 12px 1px 12px 22px!important;
}

.Didactica .slidr-breadcrumbs li.normal{
    border-color:#dc0000!important;
}

.Didactica .slidr-breadcrumbs li.normal.active{
    background-color:#e71f24;
}


/* Caso Didactica */

.Didactica .Caso{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Caso .exptop { 
    position: absolute;
    left: -50px;
    width: calc(var(--max-width) + 35px);
    background-repeat: no-repeat;
    height: 50px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/iniciocaso.png);
    background-size: contain;
    background-color: transparent;
}

.Didactica .Caso .expmid {
    position: relative;
    top: 70px;
    width: calc(var(--max-width) - 15px);
    box-sizing: border-box;
    border-left: 10px solid #9572b9;
    border-right: 10px solid #f3f6f6;
    background-color: transparent;
    overflow: hidden;
    text-align: justify;
    padding: 20px;
    padding-top: 0px;
    line-height: 24px;
}

.Didactica .Caso .expmid p {
    margin-top: 0px;
    border : 0px;
}

.Didactica .Caso .expbot {
    position: relative;
    bottom: -76px;
    width: calc(var(--max-width) - 14px);
    height: 58px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/fincaso.png);
    background-size: contain;
}

p.case-title {
    padding-left: 60px;
    color: white!important;
    margin-top: 12px!important;
    font-size: 20px!important;
    font-family: arial;
}


/* Problema Media */

.Didactica .Problema{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Problema .exptop { 
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 50px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/probmedia-top.png);
    background-size: cover;
    background-color: transparent;
    z-index:100;
}
.Didactica .Problema .expmid{
    position: relative;
    top: 10px;
    height: 100%;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #6FABC6;
    overflow: hidden;
    background-color: transparent;
    text-align: justify;
    padding: 20px;
    padding-top: 58px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
    border-radius: 25px;
    z-index: 90;
}

/* Observacion Media */

.Didactica .Observacion{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Observacion .exptop {
    position: absolute;
    top: 0px;
    left: -3px;
    width: var(--max-width);
    background-repeat: no-repeat;
    background-color: transparent;
    height: 52px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/obsmedia-top.png);
    background-size: cover;
    z-index: 1;
}

.Didactica .Observacion .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 17px);
    box-sizing: border-box;
    border: 1px solid #FF7BB2;
    border-top: none;
    overflow: hidden;
    background-color: transparent;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}

/* Instruccion Media */

.Didactica .Instruccion{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Instruccion .exptop { 
    position: absolute;
    top: 0px;
    left: -2px;
    width: var(--max-width);
    background-repeat: no-repeat;
    background-color: transparent;
    height: 50px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/instmedia-top.png);
    background-size: cover;
}
.Didactica .Instruccion .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 16px);
    box-sizing: border-box;
    border: 1px solid #FFD100;
    border-top: none;
    overflow: hidden;
    background-color: transparent;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}

/* Objetivos Media */

.Didactica .Objetivos{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Objetivos .exptop {
    position: absolute;
    top: 0px;
    left: -2px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 50px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/objmedia-top.png);
    background-size: contain;
    background-color: transparent;
    z-index: 1;
}

.Didactica .Objetivos .expmid {
    position: relative;
    top: 46px;
    width: calc(var(--max-width) - 19px);
    box-sizing: border-box;
    border: 1px solid #75D8A2;
    border-top: none;
    overflow: hidden;
    background-color: transparent;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}

/* Video Media */

.Didactica .Video{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Video .exptop { 
    position: absolute;
    top: 0px;
    left: -3px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 51px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/videomedia-top.png);
    background-size: cover;
    z-index: 100;
}
.Didactica .Video .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 19px);
    box-sizing: border-box;
    border: 1px solid #ED9393;
    border-top: none;
    overflow: hidden;
    background-color: transparent;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}

.Didactica .Video .expbot{
    position: absolute;
    bottom: -76px;
    width: calc(var(--max-width) - 17px);
    left: -1px;
    height: 58px;
    background-repeat: no-repeat;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/videomedia-botblanco.png);
    background-size: contain;
    background-color: transparent;
    cursor: pointer;
}

.Didactica .Video .expbot.toggle.cerrado{
    top: 48px;
    left: -1px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/videomedia-bot-sinflecha.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 80;
}

/* Pedagogica Media */

.Didactica .Pedagogica{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Pedagogica .exptop { 
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    background-color: transparent;
    height: 50px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/pedmedia-top.png);
    background-size: cover;
    z-index:100;
}
.Didactica .Pedagogica .expmid{
    position: relative;
    top: 10px;
    height: 100%;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #0DB7AD;
    overflow: hidden;
    background-color: transparent;
    text-align: justify;
    padding: 20px;
    padding-top: 58px;
    padding-bottom: 30px;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
    border-radius: 25px;
    z-index: 90;
}

/* Disciplinar Media */

.Didactica .Disciplinar{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .Disciplinar .exptop {
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 52px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/dismedia-top.png);
    background-size: contain;
    background-color: transparent;
    z-index: 1;
}

.Didactica .Disciplinar .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #f4b181;
    border-top: none;
    overflow: hidden;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    background-color: transparent;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}

/* Capsulas nuevas */

/* Vinculación con la practicas */

.Didactica .vinculacion{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .vinculacion .exptop {
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 52px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/vincu_top.png);
    background-size: contain;
    background-color: transparent;
    z-index: 1;
}

.Didactica .vinculacion .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #f53bd9;
    border-top: none;
    overflow: hidden;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    background-color: transparent;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}

/* capsula curricular   */

.Didactica .curricular{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .curricular .exptop {
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 52px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/curricular_top.png) !important;
    background-size: contain;
    background-color: transparent;
    z-index: 1;
}

.Didactica .curricular .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #0a7882;
    border-top: none;
    overflow: hidden;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    background-color: transparent;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}

/* capsula Didactica con 'D'   */

.Didactica .didacicaD{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .didacicaD .exptop {
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 52px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/didacd_top.png) !important;
    background-size: contain;
    background-color: transparent;
    z-index: 1;
}

.Didactica .didacicaD .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #905903;
    border-top: none;
    overflow: hidden;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    background-color: transparent;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}

/* capsula Didactica con cubo   */

.Didactica .didacicaC{
    min-height: 1px;
    margin-bottom: 70px;
}

.Didactica .didacicaC .exptop {
    position: absolute;
    top: 0px;
    width: var(--max-width);
    background-repeat: no-repeat;
    height: 52px;
    background-image: url(https://static.sumaysigue.uchile.cl/cmmeduformacion/produccion/assets/img/didac_top.png) !important;
    background-size: contain;
    background-color: transparent;
    z-index: 1;
}

.Didactica .didacicaC .expmid{
    position: relative;
    top: 49px;
    width: calc(var(--max-width) - 14px);
    box-sizing: border-box;
    border: 1px solid #905903;
    border-top: none;
    overflow: hidden;
    text-align: justify;
    padding: 20px;
    padding-bottom: 30px;
    background-color: transparent;
    line-height: 24px;
    border-radius: 0px 0px 20px 20px;
}