h3 {font-weight:bold;margin-top:1em;}
h4 {font-weight:bold;margin-top: 0;font-size: 16px;margin-bottom: 0px;}

div.container.box {border: 0;padding-top: 0;}
.asistencia-materia {/* border:1px solid #ccc; */padding: 1rem;margin: 1rem 0;border-radius: 0.2rem;background-color: #fafafa;display: flex;flex-direction: column;}
table.asist-table {font-size: 90%;}
table.asist-table span {padding:0.5em;font-size: 13px;border:1px solid #ccc;}

span.fecha-cond {text-align: center;/* padding: 0px 10px 0px 0px; */display: inline-block;margin: 3px 0.5rem 3px 0;/* width: 3rem; *//* background-color: #eee; *//* border: 1px solid #eee; */white-space: nowrap;line-height: 1;}
span.fecha-cond .fecha {padding: 0;display: inline-block;font-weight: 600;margin: 5px 0 0;/* background-color: white; */vertical-align: middle;font-size: 11px;}
span.fecha-cond .cond {display:block;margin: 0 auto;line-height: 1;width: 1.6lh;font-weight: bold;text-align: center;padding: 0.3lh 0em;aspect-ratio: 1/1;border-radius: 50%;font-size: 14px;vertical-align: middle;/* margin-right: 4px; */}
span.fecha-cond .cond.cond-P {color:white;background-color: #43A047;}
span.fecha-cond .cond.cond-A {color:white;background-color: #d3534a;}
span.fecha-cond .cond.cond-J {color:white;background-color: #673AB7;}

.c1, .c2 {order:1;}
.leyenda-detalle {font-size: 11px;margin: 0rem 0 3px;order: 0;}

@media screen and (max-width:768px) {
    span.fecha-cond .fecha {font-size:12px;}
}