/* Botones de parciales */
.parciales-botones {
    display: flex;
    gap: 10px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.btn-parcial {
    padding: 10px 24px;
    border: 2px solid #3498db;
    background: white;
    color: #3498db;
    border-radius: 6px;
    font-size: 0.95em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-parcial:hover {
    background: #ebf5fb;
}

.btn-parcial.activo {
    background: #3498db;
    color: white;
}

/* Columna número de lista */
.col-numero {
    min-width: 50px;
    text-align: center;
}

/* Columnas de resumen parcial y semestral */
.col-parcial-header,
.col-semestral-header {
    min-width: 80px;
    text-align: center;
    font-weight: 700;
}

.col-semestral-header {
    background-color: #2c3e50 !important;
}

.col-parcial,
.col-semestral {
    text-align: center;
    font-size: 0.85em;
    white-space: nowrap;
}

/* Colores de porcentaje — reutiliza los del CSS base */
.pct-rojo    { background-color: #fde8e8; color: #c0392b; }
.pct-amarillo{ background-color: #fef9e7; color: #d68910; }
.pct-ok      { background-color: #eafaf1; color: #1e8449; }

@media (max-width: 768px) {
    .parciales-botones { gap: 6px; }
    .btn-parcial { padding: 8px 14px; font-size: 0.85em; }
}
.col-numero.col-fija {
    min-width: unset !important;
    width: 40px !important;
    max-width: 40px !important;
}