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 0;margin: 1rem 0;border-radius: 0.2rem;background-color: #fafafa;display: flex;flex-direction: column;align-content: flex-start;align-items: flex-start;}
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: 8px;display: inline-block;margin: 0 5px 5px 0;/* width: 3rem; *//* background-color: #eee; *//* border: 1px solid #eee; */white-space: nowrap;line-height: 1;border-radius: 3px;background-color: #f0f0f0;}
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;}
.c2:has(.fecha-cond) {border-top: 2px solid #eee;padding-top: 5px;width: auto;display: inline-block;}
.leyenda-detalle {font-size: 11px;margin: 0rem 0 3px;order: 0;}

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