/* Estilos para el acordeon modificado el 10/02/2020 */

.panel-group .panel .panel-heading a {
    display: block;
    text-decoration: none;
    transition: 0.15s all ease-in-out;
    padding: 10px 15px;
}

.panel-group .panel .panel-heading a:hover,
.panel-group .panel .panel-heading a:not(.collapsed) {
    /*background: #fff;*/
    background: #cecece2b;
    transition: 0.15s all ease-in-out;
}

.panel-group .panel .panel-heading a:not(.collapsed) i:before {
    content: "-";
    font-size: 30px;
    line-height: 10px;
}

.panel-group .panel .panel-heading a:not(.collapsed) h4 i:before {
    /* content: "-";*/
    content: "\f056";
    /* font-size: 30px; */
    font-size: 20px;
    line-height: 10px;
}

/* Estilos para el acordeon modificado el 10/02/2020 */

/* centrar actividad */

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/* para la medida de alto cuando es responsive y cuando no, en las actividades */

.embed-activity {
    padding-bottom: 110%;
}

.embed-activity-l {
    padding-bottom: 150%;
}

.embed-activity-n {
    padding-bottom: 70%;
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    .embed-activity {
        padding-bottom: 200%;
    }

    .embed-activity-n {
        padding-bottom: 150%;
    }

    .embed-activity-l {
        padding-bottom: 200%;
    }
}